input{appearance:none;-moz-appearance:none;-webkit-appearance:none;border:solid 1px #666;}
.clear{ clear: both;}
ul li{list-style: none;}
.navbar
{
  height: 2.6rem;
  width: 100%;
  box-sizing: border-box;
  font-size: 1.2rem;
  position: relative;
  text-align: center;
  line-height: 2.6rem;
  margin: 0;
  z-index: 500;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background: #2790A6;
  color: #fff;
}
*{word-break: break-all;}
.li-ind{float: left; min-width: 21%; margin: 5px 2%; height: 20px; border: 1px solid #0086B3;line-height: 20px;text-align: center;}
.li-ind-active,.li-site-active,.li-rule-active{background-color:#0086B3; color: #fff;}
.popup-site .content-block{height: 35vh;overflow: scroll;}
.li-site{float: left;min-width: 100px; width: 45%;margin: 5px 2%;border: 1px solid #0086B3;height: 60px; position: relative;padding-bottom: 14px;overflow: hidden;}
.li-rule{float: left;width: 20%;margin: 5px 2%;border: 1px solid #0086B3;height: 30px; position: relative;padding-bottom: 14px;overflow: hidden;}
.site-li-name{font-size: 16px;}
.site-li-address{font-size: 12px; margin: 0; position: absolute; bottom: 0;}
.site-li-cmemo{font-size: 14px;word-wrap: break-word;word-break: break-all}
#sure-site{float: right;color: #fff;margin-top: 15px;line-height: 30px;margin-right: 20px;display: block;width: 60px;text-align: center;   background-color: red;}
.cplogourl.center-info{overflow: hidden;float: left; width: 68%}
.change-bg.cplogo .left-bq{float: left;}
.toolbar {
  height: 3rem;
  width: 100%;
  box-sizing: border-box;
  font-size: .8rem;
  position: relative;
  margin: 0;
  z-index: 500;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.toolbar i{ display: block; font-size: 1.2rem;}

/*首页*/
#chip-exit{position: absolute;z-index: 99999;bottom: 100px;left: 0;right: 0;width: 100px;margin: 0 auto;display: none;}
.top-box{ width: 100%;}
#tab1 .logo{ display: block; width: 25%; height: auto; margin: auto; padding-top: 2rem;}
#tab1 .logo img{ display: block;width: 100%; border-radius: 1.5rem;}
#tab1 p.kh{ display: block; text-align: center; color: #666; font-size: .7rem;}

.search{ width: 80%; margin: auto;}
.select-type{ display: block; width: 100%; height: auto;text-align:center ;}
.select-type p.st-left{ width: 40%; float: left;margin-left:12%;}
.select-type p.st-right{ width: 48%; float: right;}
.select-type input{ display: block; float: left; width:1rem; height: 1rem; border-radius: 100px;}
.select-type label{ display: block; float: left; font-size: 1rem;}
.select-type input:checked{ background: #2790A6; border:0}
.search-box{display: block; width: 100%; height: auto; padding-top: .5rem;}
.search-box input.s-box{ display:inline-block;min-width: 90%; margin: auto; max-width: 100%; height:2.2rem ; font-size: .8rem; border-radius: 100rem; padding-left: 6%;}
.search-box a.search-now{ display: block; width: 98%; height: 2.8rem; background: #2790A6; border-radius: 100rem; text-align: center; font-size: 1.3rem; color: #fff; line-height: 2.8rem; margin-top: 2rem; padding-left: 2%;}
.hot-label{ display: block; width: 100%; height: auto; font-size: .7rem;}
.hot-label a{ display: block; float: left; background: #2790A6; margin: 0rem 1rem 0rem 0rem; padding-left: .3rem; padding-right: .3rem; margin-top: .7rem; font-size: .7rem; color: #fff;}
.hot-label p.hl-title{ display: block; float: left;}


/*第二页名片*/
.content-block a.card-one{ display: inline-block; width: 100%; height: 3.2rem;border-bottom:solid .001rem #eee;}
.content-block a.card-one p.header-pic{ display: block; width: 2.6rem; height: 2.6rem; float: left; margin: .2rem 0rem;}
.content-block a.card-one p.header-pic img{ width: 100%; height: auto; border-radius: 100px;}
.content-block a.card-one p.p-name{ display: block; float:left ; font-size: 1rem; padding-left: .5rem; margin: .8rem 0rem;}
.content-block a.card-one p.p-menu{ display: block; float: right;margin: .5rem 0rem;}
.content-block a.card-one p.p-menu span.moveTo{ display: block; float: left;}
.content-block a.card-one p.p-menu span.delThis{ display: block; float: left;}
.content-block a.card-one p.p-menu span.moveTo i{ font-size: 1.5rem; color: #777;}
.content-block a.card-one p.p-menu span.delThis i{ font-size: 1.2rem; margin-left: .8rem; color: #777;}

/*名片产品*/
.product-one{display:block; width: 100%; height: 3.2rem; position: relative; box-sizing: border-box;line-height: 3.2rem;}
.product-one .left-pic{display: block; width: 15vw; height: 2.6rem; float: left; margin: 0.3rem 10% 0.3rem 5px;}
.product-one .left-pic img{width:100%; height: 100%;}
.product-one .center-name{width: 60vw;overflow: hidden;display: block;float: left;margin: 0;}
.product-one .right-pic{float: right;margin: 0 5px;height: 100%; width: 10vw; text-align: center;}
.product-detail{margin-top:2.6rem; height: 100%; overflow: scroll; }
.product-detail .main{ width: 100vw; padding-bottom: 2rem;}
.product-detail .main p.p-name{ width: 100%; height: 2.6rem; background: #f9f9f9; border-top: solid 0.01rem #eee;border-bottom: solid 0.01rem #eee; line-height: 2.6rem; color: #666;}
.product-detail .main p.p-name label{ display: block; width: 27%; float: left; padding-left: 3%;}
.product-detail .main p.p-name span{ display: block; width: 67%; float: left; padding-right: 3%;}
.product-detail .main p.p-memo{ width: 100%; height:auto; min-height: 2.6rem; background: #f9f9f9; border-top: solid 0.01rem #eee;border-bottom: solid 0.01rem #eee;color: #666; overflow: hidden; padding-bottom: .4rem;}
.product-detail .main p.p-memo label{ display: block; width: 27%; float: left; padding-left: 3%; line-height: 2.6rem;}
.product-detail .main p.p-memo span{ display: block; width: 67%; float: left; height: auto; padding-right: 3%; padding-top: .7rem; line-height: 1.3rem;}

.product-detail .main p.p-pic{ width: 100%; height:auto; min-height: 2.6rem; background: #f9f9f9; border-top: solid 0.01rem #eee;border-bottom: solid 0.01rem #eee;color: #666; overflow: hidden; padding-bottom: .4rem;}

.product-detail .main p.p-pic label{ display: block; width: 97%; padding-left: 3%; line-height: 2.6rem;}
.product-detail .main p.p-pic span{ display: block; width: 94%; margin: auto;}
.product-detail .main p.p-pic span img{ display: block ; width: 100%; height: auto;}

.product-detail .main .main-left{ height: 100%;}
.product-detail .main .main-left img{height: 100%; max-width: 100%;}
.product-detail .main .main-right{ height: 100%; box-sizing: border-box; overflow: hidden;}
.product-detail .main .main-right p{word-break: break-all;}


.product-detail .main a.proBuy{ display: block; width: 94%; height: 2.6rem; background: #e1e1e1; border-radius: 5px; text-align: center; line-height: 2.6rem; font-size: 1.2rem; color: #999; margin: auto; margin-top: 2rem; margin-bottom: 1rem;}


.product-detail .other{ width: 100vw;  overflow: scroll;}
.product-detail .other img{width: 90%; margin: 10px auto;}

#product-html{overflow-y: scroll; box-sizing: border-box;}
#form-myproduct-up .accordion-item-toggle{line-height: 30px;}
/*动态页面*/
.dyna-top1{ width: 96%; margin:auto ; height:auto;}
.dyna-top1 p.dyna-toppic1{ width: 15%; height: auto; float: left;}
.dyna-top1 p.dyna-toppic1 img{ display: block; width: 100%; height: auto; border-radius: 100px;}
.dyna-top1 p.dyna-text1{ width: 83%; height: auto; float:right ;}
.dyna-top1 p.dyna-text1 span.dyna-name1{ display: block; padding-top: .4rem;}
.dyna-top1 p.dyna-text1 span.dyna-time1{ display: block; font-size: .8rem; color: #999; padding-top: .2rem;}

/*搜索页面*/
.navbar a.icon-only i{ color: #fff; font-size: 1.3rem;}
.page-content a.cards-one{ display: block; width: 96%; margin: auto; height: 4.4rem; border-bottom: solid 0.0001rem #ccc; overflow: hidden;}
.page-content a.cards-one p.left-pic{ display: block; width: 3rem; height: 3rem;float: left; margin-top: 0.7rem;}
.page-content a.cards-one p.left-pic img{ width: 100%; height: 100%; border-radius: 100px;}
.page-content a.cards-one p.right-name-age{ display: block; float: left; width: auto; height: 3rem; padding-left: 1rem;}
.page-content a.cards-one p.right-name-age label{ display: block; font-size: 1rem; font-weight: normal; line-height:1rem;}
.page-content a.cards-one p.right-name-age span.age-sex{ display: inline-block; float: left; background: #2790A6; font-size: .75rem; margin-top: .4rem; border-radius: .15rem; color: #fff; padding-left: .2rem; padding-right: .2rem; padding-top: .1rem; margin-right: .5rem;}
.page-content a.cards-one p.right-name-age span.age-sex i{ color: #fff; font-size: .7rem; padding-right: .3rem;}
.page-content a.cards-one p.right-name-age span.address{display: inline-block; float: left;font-size: .8rem; color: #666;padding-top: .4rem;}
.page-content a.cards-one p.right-name-age label i{  color: #2790A6; padding-left: .2rem;}


/*个人名帖*/

.card-content{
	overflow: auto;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  height: 100%;
  position: relative;
  background: url(../img/card_bg.jpg) no-repeat;
  background-position:top;
  background-size:35%;
  z-index: 1;}
.top-groundimg{width: 100%; height: 10rem;background: url(../img/p_bg.jpg) no-repeat; background-size: 100% 10rem; position: relative;}
.personal-box{ width: 100%; height: auto; background: #fff;}
.personal-main{ width: 100%; margin: auto; height: auto; box-sizing: border-box;}
.personal-top{ width: 100%; height: auto; clear: both;;}
.pt-left{ width: 23vw; height: 23vw; float: left; position: relative; top: -2.5rem; text-align: center;margin-left: 10px;}
.pt-left img{display: block; width:100%; height: 100%; display: block; border-radius: 100px;border: solid .3rem #fff;}

.pt-center p.personal-name{ display: block; width: auto;  height: auto; font-size: 1.1rem; color: #333; margin-top: .6rem; overflow: hidden; float: left; }
.renzheng{float: left;}
.renzheng i{ display: block; color: #ccc; padding-left:.5rem; font-size: 1.2rem; padding-top: .65rem;}
.renzheng.already i{color: #2790A6;}
.icon-renzheng.iscert.already{color: #2790A6;}
.fengge{ float: left;}
.fengge i{display: block; font-size: 1.6rem; padding-left: .4rem; color: #FF862E; padding-top: .25rem;}
.pt-center p.p-age-sex{ display: inline-block; background: #FF8FB9; height: 1rem; line-height:.8rem;color: #fff; padding-left: .2rem; padding-right: .2rem; border-radius: 2px; margin-top: .8rem;}
.pt-center p.p-age-sex i{ font-size: .6rem; padding-right: .2rem;}
.pt-center p.p-age-sex label{ font-size: .7rem;}
.pt-center{ display: block; width: 71vw; height: auto; float: right; position: absolute; top: 0rem;}
.pt-right{ display: block;  width: 100%; padding-top: 0.3rem;}
.pt-right a.follow{ display: block;background: #2790A6; color: #fff; width: 100%; padding-top: .5rem; padding-bottom: .5rem; border-radius: 100px; text-align: center; float: left;}
.pt-right a.xiugai{ display: block;background: #777; color: #fff; width: 100%; padding-top: .5rem; padding-bottom: .5rem; border-radius: 100px; text-align: center; float: left;}
.pt-right a.eita{ display: block;background: #FF862E; color: #fff; width: 100%; padding-top: .5rem; padding-bottom: .5rem; border-radius: 100px; text-align: center; float: left;}


/*音乐*/
.music{
    position: fixed;
    right: .6rem;
    top: .6rem;
    z-index: 9999;
	width:25px;
}
.open{
    -webkit-animation: moveRo linear 3.5s  infinite;
    animation-delay:0;
}
.icon-music{
    width: 25px;
    height: 25px;
    background: url(../img/icon-muisc.png);
    background-size: 100% 100%;
    display: block;
}
.music-span{
    position: absolute;
    top: -5px;
    left: 6px;
    width: 12px;
    height: 12px;
    background: url(../img/music-span.png);
    background-size: 100% 100%;
    -webkit-animation: openIconRo ease 1.2s both infinite;
    animation: openIconRo ease 1.2s both infinite;
}

@-webkit-keyframes moveRo {
    from {-webkit-transform: rotate(360deg);  }
    to { -webkit-transform: rotate(-360deg); }
}
@keyframes moveRo {
    from {  transform: rotate(-360deg)}
    to {  transform: rotate(360deg); }
}
/*小音符动画*/

@-webkit-keyframes openIconRo {
    0% { -webkit-transform: translateY(100%); opacity:0;}
    50% { -webkit-transform: translateY(0%); opacity:1;}
    100% { -webkit-transform: translateY(-100%); opacity:0;}
}
@keyframes openIconRo {
    0% { -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity:0;
    }
    50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity:1;}
    100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity:0;}
}

.music_text{
    color: #000;
    margin-left: 5px;
    font-size: 20px;
    opacity: 0;
}

@keyframes show_hide{
    from{
        opacity: 0;
    }to{
         opacity: 1;
     }
}
@-webkit-keyframes show_hide{
    from{
        opacity: 0;
    }to{
         opacity: 1;
     }
}

.show_hide{
    animation: show_hide 1s linear infinite alternate;
    -webkit-animation: show_hide 1s linear infinite alternate;
}
.xin_info{
    opacity: 0;
}

.page a#go-back{ display:inline-block ; background: none; position: fixed; left: .5rem; top: .5rem;z-index: 999;}
.page a#go-back i{ color: #333;font-size: 1.4rem;}



.myself{ width: 100%; height: auto; margin-top: 2rem; border-top: solid 1px #eee;}
.myself-content{-webkit-overflow-scrolling: touch;box-sizing: border-box;height: 100%;position: relative;z-index: 1;overflow: auto;}

.myself-tab{ width: 100%; height:auto; background: #f9f9f9;}
.myself-tab a{ display: block; width: 25%;height: 3rem; line-height: 3rem; float: left; color: #333; border-radius: 0px; border-bottom: solid 1px #eee;}
.myself-tab a.active{ border-bottom: solid .1rem #2790A6; color: #2790A6;}
.myself-tab a:hover{list-style: none; background: none;}

.personal-main p.small-title{ display: block; font-size: .8rem; height: auto; margin: .5rem 0; color: #666;}
.personal-about{ width: 100%; height: auto; background: #f9f9f9; border-top: solid .01rem #ddd;border-bottom: solid .01rem #ddd; font-size:.9rem; padding-top: .5rem; padding-bottom: .5rem; line-height: 1.5rem; color: #666; margin-top: -1.8rem; text-align: left; padding-left: .7rem; padding-right:.7rem;word-wrap: break-word;box-sizing: border-box; margin-top: 1rem;}

.personal-data,.company-data{ display: block; width: 100%; height: auto; margin-top: 1rem;border-top: solid .01rem #ddd;}
.personal-data span,.company-data span{ display: block; height:2.6rem; background: #f9f9f9; border-bottom: solid .01rem #ddd; font-size: .9rem; line-height: 2.6rem;clear: both;padding-left: 1%; padding-right: 1%;}
.personal-data span i,.company-data span i{ display: inline-block; color: #333; box-sizing: border-box;}



/*动态*/
.myself-block { width:100%;height: auto;box-sizing: border-box; padding-bottom: 1rem;}
.myself-block .dynamic-one{ display: inline-block;  width: 100%; height: auto; overflow: hidden; background: #f9f9f9; font-size: .9rem; padding-top: .2rem;margin-bottom: 1rem;  border-top: solid .01rem #ddd; }
.myself-block .dynamic-one p.dyn-time{ display: inline-block; width: auto; margin-left: 2%; background: #e9e9e9; padding-left: .3rem; padding-right: .3rem; font-size: .7rem; padding-top: .2rem; padding-bottom: .1rem; border-radius: 3px;}
.myself-block .dynamic-one p.dyn-time i{ font-size: .7rem; padding-right: .2rem;}
.myself-block .dynamic-one p.dyn-imgbox img{ display: inline-block; width: 23.5%; height: 4.5rem; float: left; margin:1.5% 1.5% 0 0; margin-top: .5rem;}
.myself-block .dynamic-one p.dyn-title{ width: 95%; margin: auto; height: auto; overflow: hidden;}
.myself-block .dynamic-one p.dyn-imgbox{ width: 96%; margin: auto; height: auto; overflow: hidden;}
.good-count{ width: 100%; margin: auto; height: 2.6rem; border-top: solid .01rem #ddd; background: #f3f3f3; margin-top: 1rem; line-height: 2.6rem;border-bottom: solid 0.01rem #ddd; color: #666;}
.good-count label.left-count{ width: 50%; float: left; text-align: center;}
.good-count label.left-count a#turnTodynamic{ display: inline-block; width: auto; list-style: none;}
.good-count label.left-good{ width: 49%; float: right; text-align: center; border-left: solid 0.01rem #ddd;}
.good-count label.left-count i{ color: #999;font-size: 1.1rem;}
.good-count label.left-good i{ color: #999; font-size: 1.1rem;}

/*视频*/
.myself-block p.pvideos-title{ width: 100%; height: 5rem; text-align: center; line-height: 5rem; color: #666; font-size: .9rem;}


/*问答*/
.myself-block p.pask-title{ width: 100%; height: 5rem; text-align: center; line-height: 5rem; color: #666; font-size: .9rem;}


/*评论页面*/
.count-content{
	overflow: auto;
  box-sizing: border-box;
  height: 100%;
  position: relative;
  -webkit-overflow-scrolling: touch;
   width: 100%;
  z-index: 1;
 }
.count-tab{ width:100%; height: 2.6rem;}
.count-block { width:100%;height: 100%;box-sizing: border-box; padding-top: 2.6rem;}
.count-tab a{ display: block; width: 50%;height:2.6rem; line-height: 2.6rem; float: left; color: #333; border-radius: 0px; border-bottom: solid 1px #eee;}
.count-tab a.active{ border-bottom: solid .1rem #2790A6; color: #2790A6;}
.count-tab a:hover{list-style: none; background: none;}
#tabbar{ display: inline-block; background: #fff !important;}
.count-block textarea{ display: block; width: 96%; padding: 2%; height:15rem;border:0; background: #f9f9f9; font-size: .9rem; border-bottom: solid 0.01em #ddd;}
.count-block a.submit-count{ display: block; width: 94%; height: 2.6rem;text-align: center; line-height: 2.6rem; margin: auto; margin-top: 3rem; margin-bottom: 3rem; background: #2790A6; color: #fff; border-radius: 100px;}
.dyna-content{ width: 96%; margin: auto; height: auto; padding-top: 2%; padding-bottom: 4%;}
.dyna-top{ width: 100%; height:auto;}
.dyna-top p.dyna-toppic{ width: 20%; height: auto; float: left;}
.dyna-top p.dyna-toppic img{ display: block; width: 100%; height: auto; border-radius: 100px;}
.dyna-top p.dyna-text{ width: 77%; height: auto; float:right ;}
.dyna-top p.dyna-text span.dyna-name{ display: block; padding-top: .4rem;}
.dyna-top p.dyna-text span.dyna-time{ display: block; font-size: .8rem; color: #999; padding-top: .4rem;}
.dyna-info{ width: 100%; height: auto; font-size: .9rem; padding-bottom: .5rem;}
.dyna-img { width: 100%; height: auto; padding-bottom: 1rem;}
.dyna-img img{ display: inline-block; width: 23.5%; height: auto; float: left; margin:1.5% 1.5% 0 0; margin-top: .5rem;}


.reply-one{ width: 96%; margin: auto; height: auto; padding-top: .5rem; clear: both;}
.reply-pic{ width: 15%; height: auto; float: left; clear: both;}
.reply-pic img{ width: 100%; height: auto; border-radius: 100px;}
.reply-name-time-good-replyinfo{ width: 82%; height: auto; float: right;}
.rntgr-top{ width: 100%; height: auto;}
.rntgrt-left{ width: 50%; float: left; font-size: .9rem; padding-top: .5rem;}
.rntgrt-left span{ font-size: .7rem; color: #ddd;}
.rntgrt-right{ width: 50%; float: left; text-align: right; padding-top: .5rem; }
.rntgrt-right i{ font-size: .9rem; color: #999;}
.rntgr-bottom{ width: 100%; height: auto; border-bottom: solid 0.01rem #ddd; font-size: .8rem; padding-top: .5rem; padding-bottom: .5rem;}


/*企业名片*/
.top-companygroundimg{width: 100%; height: 10rem;background: url(../img/c_bg.jpg) no-repeat; background-size: 100% 10rem; position: relative;}
.company-top{ width: 100%; height: auto; padding-top: .6rem;}
.ct-left{ width: 20vw; height: 20vw; float: left; margin-left: 10px;}
.ct-left img{ width: 100%; height: 100%; border-radius: 100px;}
.ct-right{ width: 76%; height: auto; float: right;}
.ct-right p.company-name{ display: block; line-height:.2rem; float: left;}
.ct-right p.p-yg-news{ display: block; color: #666; font-size: .7rem;}
.ct-right p.p-yg-news i{ font-size: .8rem; margin-right: .5rem; color: #2790A6;}
.ct-right p.company-name i{ color: #2790A6;}
.company-about{ width: 98%; height: auto; background: #f9f9f9; border-top: solid .01rem #ddd;border-bottom: solid .01rem #ddd; font-size:.9rem; padding-top: .5rem; padding-bottom: .5rem; line-height: 1.5rem; color: #666; margin-top: .5rem; text-align: left; padding-left: 1%; padding-right: 1%; clear: both;}

.authentication{ width: 100%; height: 5rem; padding-top: 3rem; padding-bottom: 1.5rem;}
.authentication a{ display: block; width: 33%; float: left; height:5rem;}
.authentication a.zmxy{ display: block; border-left: solid 0.01rem #ddd; border-right: solid 0.01rem #ddd;}
.authentication a.action-isok{ display: block; padding-top: .8rem;}
.authentication a.action-isok label{ display: block; text-align: center; color: #333;}
.authentication a.action-isok span.isok-icon{ display: block; width: 80%; margin: auto; text-align: center; height:auto; background: #F5B65D; color: #fff; font-size: .7rem; padding-top: .14rem; padding-bottom: .1rem; border-radius: 100px; margin-top: .5rem;}
.authentication a.action-isok span.isok-icon i{ font-size: .7rem;}
.authentication a.zmxy{ display: block; padding-top: .8rem;}
.authentication a.zmxy label.zmxy-text{ display: block; text-align: center; color: #333;}
.authentication a.zmxy span.zmxy-icon{ display: block; width: 80%; margin: auto; text-align: center; height:auto; background: #2EB5AB; color: #fff; font-size: .7rem; padding-top: .14rem; padding-bottom: .1rem; border-radius: 100px; margin-top: .5rem;}
.authentication a.zmxy span.zmxy-icon i{ font-size: .7rem;}

.authentication a.lv{ display: block;padding-top:0.8rem ;}
.authentication a.lv label.lv-text{ display: block; text-align: center; color: #333;}
.authentication a.lv span.lv-icon{ display: block; width: 80%; margin: auto; text-align: center; height:auto; background: #2F98FC; color: #fff; font-size: .7rem; padding-top: .14rem; padding-bottom: .1rem; border-radius: 100px; margin-top: .5rem;}
.authentication a.lv span.lv-icon i{ font-size: .7rem;}

.staff{ width: 100%; height: auto; margin-top: 1rem; background: #eee; }

.staffBox{height:auto;display:none; background: #eee; border-top:solid 0.01rem #ddd; padding-bottom: 1rem; overflow: hidden;}
.staff a.staff-btn{ display: block; background: #f9f9f9; padding-top: .7rem; padding-bottom: .7rem; font-size: .8rem; text-align: center; background: #2790A6; color: #fff;}
.staffBox a.staff-one{ display: block; width:25% ; height: auto; float: left; text-align: center; margin-top: 1rem;}
.staffBox a.staff-one img{ display: block; width: 70%; margin: auto; height: auto; border-radius: 100px;}
.staffBox a.staff-one span{ display: block; height: 1rem; font-size: .8rem; padding-top: .3rem; overflow: hidden;}



/*个人中心*/
#tab4{background: #eee; padding-bottom: 4rem;}
.my-pic-name-about-code-good-fans{ width: 100%; height: auto; background: #fff; border-top: solid 0.01rem #ddd; border-bottom: solid 0.01rem #ddd; margin-top: .5rem; padding-top: .8rem; padding-bottom: .8rem;}
.mypnacgf-top{ width: 96%; margin: auto; height: auto; clear: both; overflow: hidden;}
.myt-left{ width: 20%; height: auto; float: left;}
.myt-left img{ width: 100%; height: auto; border-radius: 100px;}
.myt-center{ width: 54%; height: auto; float: left; margin-left: 3%; padding-top: .5rem;}
.myt-center span{ font-size: 1.2rem; display: block;}
.myt-center label{ display: block; font-size: .8rem; color: #777;}
.myt-right{ width: 20%; height: auto; float: right; text-align: right; padding-top: .5rem; padding-right: .5rem;}
.myt-right i{ display: block; font-size: 2rem; color: #666;}
.mypnacgf-bottom{ width: 100%; height: auto; border-top: solid 0.01rem #ddd; margin-top: .7rem; overflow: hidden;}
.mypnacgf-bottom a{ display: block; width: 33.333333333333336%; float: left; text-align: center;padding-top: .5rem; height: auto; position: relative; overflow: hidden; padding-bottom: .5rem;}
.mypnacgf-bottom a span{ font-size: .8rem; color: #777;}
#tab4 a.ohter-menu{ display: block; background: #fff; margin-top: .8rem; height:2.8rem; border-top: solid 0.01rem #ddd; border-bottom: solid 0.01rem #ddd;}
#tab4 a.ohter-menu.has{margin-top:0;}
#tab4 a.ohter-menu span.iconbg{ display: block; width: 1.4rem; height: 1.4rem; background: #2790A6; float: left; text-align: center; line-height: 1.4rem; border-radius: 2px; margin-top: .7rem; margin-left: .6rem;}
#tab4 a.ohter-menu span.iconbg i{ font-size: .9rem; color: #fff;}
#tab4 a.ohter-menu label.menu-name{ display: block; width: auto; height: 2.8rem; float: left; line-height: 2.8rem; padding-left: .6rem;}
#tab4 a.ohter-menu span.icon-right{ display: block; float: right; margin-right: .5rem; padding-top: .6rem;}
#tab4 a.ohter-menu span.icon-right i{ font-size: .9rem; color: #666; }

#tab4 p.more-menu{ display: block; width: 100%; border-top: solid 0.01rem #ddd; background: #fff; }
#tab4 p.more-menu a.ohter-menu-style{ display: block; background: #fff;height:2.8rem; border-bottom: solid 0.01rem #ddd;}
#tab4 p.more-menu a.ohter-menu-style span.iconbg{ display: block; width: 1.4rem; height: 1.4rem; background: #F6B658; float: left; text-align: center; line-height: 1.4rem; border-radius: 2px; margin-top: .7rem; margin-left: .6rem;}
#tab4 p.more-menu a.ohter-menu-style span.iconbg i{ font-size: .9rem; color: #fff;}
#tab4 p.more-menu a.ohter-menu-style label.menu-name{ display: block; width: auto; height: 2.8rem; float: left; line-height: 2.8rem; padding-left: .6rem;}
#tab4 p.more-menu a.ohter-menu-style span.icon-right{ display: block; float: right; margin-right: .5rem; padding-top: .6rem;}
#tab4 p.more-menu a.ohter-menu-style span.icon-right i{ font-size: .9rem; color: #666; }


#tab4 a.loginOut{display: block; background: #fff; margin-top: 1.5rem; height:2.8rem; border-top: solid 0.01rem #ddd; border-bottom: solid 0.01rem #ddd; text-align: center; line-height: 2.8rem; color: #2790A6; font-weight: normal;}
.content-block img.ewm{ display: block; margin: auto; width: 80%; height: auto;}
.content-block p.ewmtext{ display: block; text-align: center;}

/*关注*/
.follow-one{ display: block; width: 100%; height: 4rem; background: #fff; border-bottom: solid 0.01rem #ddd;}
.follow-one a.fo-left{ width: 80%; height: 4rem; float:left ;}
.follow-one a.fo-left p.follow-pic{ display: block; width: 3rem; float: left; margin-top: .5rem; padding-left: .5rem;height: 3rem;}
.follow-one a.fo-left p.follow-pic img{ width: 100%; height: 100%; border-radius: 100px;}
.follow-one a.fo-left p.follow-name{ width: auto; display: block; width: auto; height: 3rem; float: left; padding-left: .5rem; margin-top: .5rem; max-width: 55vw;overflow: hidden;line-height: 1.5rem;}
.follow-one a.fo-left p.follow-name span.fn-name{ display: block; font-size: 1.2rem; padding-top: .2rem;}
.follow-one a.fo-left p.follow-name label{ display: block; font-size: .8rem; color: #999;}
.follow-one a.fo-left p.follow-name span.fn-names{ display: block; font-size: 1rem; padding-top: .8rem;}
.follow-one a.fo-left p.fans-name{ width: auto; display: block; width: auto; height: 3rem; float: left; padding-left: .5rem; margin-top: .5rem; max-width: 55vw;overflow: hidden;line-height: 3rem;}


.follow-one a.fo-right{ width: 20%; display: block; float: right; padding-top: .8rem; text-align: center; font-size: .7rem; text-align: center; color: #2790A6;}
.follow-one a.fo-right i{ font-size: 1rem; color: #2790A6;}


.mc-one{position: relative;display: block; width: 100%; height: 6rem;  border-radius: 5px;box-shadow: 0px 0px 10px #bbb; margin-bottom: 1.5rem;
background: -moz-linear-gradient(top, #45BBD3 0%, #2790A6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45BBD3), color-stop(100%,#2790A6));
    background: -webkit-linear-gradient(top, #45BBD3 0%,#2790A6 100%);
    background: -o-linear-gradient(top, #45BBD3 0%,#2790A6 100%);
    background: -ms-linear-gradient(top, #45BBD3 0%,#2790A6 100%);
    background: linear-gradient(to bottom, #45BBD3 0%,#2790A6 100%);
}
.delcardone{position: absolute;line-height: 20px;top: calc(50% - 15px);right: 20px;font-size: 20px;color: #fff;}
.mc-one a{ display: block; width: 100%; height: 100%; position: relative;}
.mc-one a p.follow-pic{ display: block; width: 3rem; float: left; margin-top: 1.3rem; padding-left: 1rem;height: 3rem;}
.mc-one a p.follow-pic img{ width: 100%; height: 100%; border-radius: 100px; border:solid 3px #fff}
.mc-one a p.follow-name{ width: auto; display: block; width: auto; height: 3rem; float: left; padding-left: 1rem; margin-top: 1.3rem; max-width: 55vw;overflow: hidden;line-height: 3rem; color: #fff; font-size: 1.2rem;}
.mc-one a p.follow-type{ display: block; width: 3rem; position: absolute; top: 0px; right: 10px; background: #fff; color: #2790A6;}


.mcc-one{position: relative; display: block; width: 100%; height: 6rem;  border-radius: 5px;box-shadow: 0px 0px 10px #bbb; margin-bottom: 1.5rem;
background: -moz-linear-gradient(top, #FF9648 0%, #FB6A00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9648), color-stop(100%,#FB6A00));
    background: -webkit-linear-gradient(top, #FF9648 0%,#FB6A00 100%);
    background: -o-linear-gradient(top, #FF9648 0%,#FB6A00 100%);
    background: -ms-linear-gradient(top, #FF9648 0%,#FB6A00 100%);
    background: linear-gradient(to bottom, #FF9648 0%,#FB6A00 100%);
}
.mcc-one a{ display: block; width: 100%; height: 100%; position: relative;}
.mcc-one a p.follow-pic{ display: block; width: 3rem; float: left; margin-top: 1.3rem; padding-left: 1rem;height: 3rem;}
.mcc-one a p.follow-pic img{ width: 100%; height: 100%; border-radius: 100px; border:solid 3px #fff}
.mcc-one a p.follow-name{ width: auto; display: block; width: auto; height: 3rem; float: left; padding-left: 1rem; margin-top: 1.3rem; max-width: 55vw;overflow: hidden;line-height: 3rem; color: #fff; font-size: 1.2rem;}
.mcc-one a p.follow-type{ display: block; width: 3rem; position: absolute; top: 0px; right: 10px; background: #fff; color: #2790A6;}


/*我的名帖*/
.myInfo-content {
	width: 100%;
	overflow: auto;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  height: 100%;
  position: relative;
  z-index: 1;
  background: #eee;
  padding-bottom: 3rem;
}
.upimg{margin: 20px auto; width: 30%;}
.upimg.cpimg-content{width: 30%;overflow: hidden;border-radius: 50%;}
.myInfo-content{ padding-bottom: 3em; padding-top: 2.6rem;}
.myInfo-content p.change-bg{ width: 96%; height: 2.6rem;border-top: solid 0.01rem #ddd;border-bottom: solid 0.01rem #ddd; margin-top: 1rem; background: #fff; line-height: 2.6rem; font-weight: normal; color: #666; padding-left: 2%; padding-right: 2%;}
.myInfo-content p.change-bg i{color: #ccc;}
.myInfo-main{ width: 100%; height: auto; margin-top: 1rem; border-top: solid 0.01rem #ddd; background: #fff;}
.myInfo-main p.info-one{ display: block; height: 1.8rem; line-height:.8rem; border-bottom: solid 0.01rem #ddd; clear: both;}
.myInfo-main p.info-one#address-p{height: 3rem;line-height: 1rem;}
.myInfo-main p.info-one span.left-bq{ display: block;float: left; width: 23%;padding-left: 2%;font-weight: normal; color: #666;}
.myInfo-main p.info-one input{ display:block; width: 60%; float: left; height: 1.6rem; margin-top: -.6rem; border: 0; font-size: 1rem; font-weight: lighter;}
.myInfo-main p.info-one label{ display:block; width: 65%; float: left;}
.myInfo-main p.info-one i{ display: block; float: right; padding-right: 2%; color: #ccc;}

.myInfo-main p.info-one-other{ display: block; height: auto; overflow: hidden;  border-bottom: solid 0.01rem #ddd; clear: both; padding-bottom: 1rem;}
.myInfo-main p.info-one-other span.left-bq-other{ display: block;float: left; width: 23%;padding-left: 2%;font-weight: normal; color: #666;}
.myInfo-main p.info-one-other label{ display:block; width: 65%; float: left;}
.myInfo-main p.info-one-other i{ display: block; float: right; padding-right: 2%; color: #ccc;}
textarea.newInfo{ display: block; width: 96%; background: #eee; border:0; border-radius: 0px; min-height: 8rem;font-size: 1rem; padding: 2%; font-weight: lighter; color: #333;}
.popup a.close-popup{ display: block; background: #333; height: 2.6rem; color: #fff; text-align: center; line-height: 2.6rem; }
.edit-card-button{display: block;width:100%; height: 2.8rem;background: #2790A6; text-align: center;font-size: 1.3rem;color: #fff;line-height: 2.8rem; position: fixed; bottom:0px;z-index: 9999999;}

.edit-card-button.edit-card-submit{display: block;width:100%; height: 2.8rem;background: #2790A6; text-align: center;font-size: 1.3rem;color: #fff;line-height: 2.8rem; position: fixed; bottom:0px;z-index: 9999999;}


.alert-select{height: 100%;width: 100%; background-color: rgba(0,0,0,0.5);position: fixed; top: 80px;z-index:9} 
.alert-select ul{overflow-y: scroll;max-height: 60vh;}
.edit-card-hide{margin: 0 auto;}
.alert-select-address{height: 100%;width: 100%; background-color: rgba(255,255,255,1);position: fixed; top: 0px;} 
.alert-select-address p{height:60px;margin: 0; line-height: 60px;margin-bottom: 20px; text-align: center;}
.collect-button{ width: 20%;background-color: #2790A6;border-radius: 5px; display: inline-block;text-align: center;color: #fff; margin-left: 20%;}
input#childname{height: 30px; line-height: 30px; padding: 0 5px;}
.popup-cert{text-align: center;}
.upfile-img{height: 50px; width: 50px; border: 1px solid #999; display: inline-block; line-height: 50px; text-align: center; font-size: 20px; margin-top: 5px; margin-bottom: 15px;}
.popup-childcard .content-block{text-align: center;}
.button-child,.button-pic,.button-product{display: block;background: #2790A6;height: 2.8rem;color: #fff; text-align: center;line-height: 2.8rem; border-radius: 8px;}
.popup-cert .list-block{width: 50%;text-align: center;margin: 10px auto 0;}
.popup-cert .list-block img{width: 100%;}
.del-css{float: right; margin-right: 50px; margin-top: 10px;height:20px}
/*修改了图片溜安琪的默认样式*/
.photo-browser-slide img{width: 80%;}
.photo-browser-captions-light .photo-browser-caption{top: -100px;font-size: 24px;}


/*输入框样式*/
.buttom-input{ display:none ;color:#666 ;  line-height: 3.6rem; position: absolute; /* top: 40em; */ z-index: 9999; buttom: 0; buttom: 0; bottom: 0; height: 3.6rem; background: #2790A6; width: 100%;}
.buttom-input > input{border-radius: 5px; outline: 0; width: 70%; height: 1.9rem; margin-left: 2%; border:0; margin-top: .65rem; padding-left: 10px; float: left; font-size: .8rem;}
.buttom-input a#reply-submit{ background: #FFF; width:18%; float:right ; height: 2.35rem; margin-right: 2%; text-align: center; margin-top: 10px;line-height: 2.35rem; border-radius: 5px; color: #2790A6;}
/*动态发布样式*/
.add-artice{position: absolute; right: 0.5em; height: 20px; width: 20px; border: 1px solid #FFF; border-radius: 50%; line-height: 20px; text-align: center; color: #FFF; margin-top: 9px;}
/* 动态 弹出层样式*/
#artice-imgs div{width: 17%; margin:2% 1%; float: left; border: 1px solid #acb0b0; min-height: 50px;}
.clearfix::after {content: "";clear: both;display: block;overflow: hidden;font-size: 0;height: 0;}
.clearfix {zoom: 1;}   
.fl{display: block;float: left;}
.fr{display: block;float: right;}
#add-cards .border-bottom{border-bottom: 0;}         
.cardlist div div{float: right;width: 70%;position: relative;bottom: 0;}
.cardlist div img{float: left; width: 50px; height: 50px; margin:5px 0;border-radius: 50%;}
.scrite-send{float: right; margin-left: 5px; display: block; width: 54px; color: #FFF; font-size: 17px;}
.dyn-imgbox > img{ width: 23% !important; margin: 0 1%;}
.dyn-imgbox + p a > img{width: 9vw; height:9vw;margin: 1% 1% 0 1%;border-radius: 50%;}

.blog-one{border-bottom: 1px dashed #e5e5e5;line-height: 20px;width: 100%;position: relative;}
.blog-one.newStyle{border-bottom: 1px dashed #e5e5e5; line-height: 20px;width: 100%;position: relative; background: #eee; margin-top: 15px; }
.blog-one::before,.blog-one::after{content:'';display: block;clear: both;height: 0;}
.blog-one .blog-left{width: 80%;word-wrap:break-word;word-break:break-all;float: left;}
.blog-one .blog-right{width: 20%;float: right;font-size: .7rem;text-align: center;margin-top: 10px;}
.blog-right a.fo-right i {font-size: 1rem; color: #2790A6;}
.blog-right a.fo-right label {color: #2790A6;}
.blog-one p{margin: 5px 0px; width: 100%; color: #666; font-size: .9rem;}
.blog-one p.blog-content{padding-left: 2em;box-sizing: border-box; color: #333;}
.blog-one .blog-name{color: #333; font-weight: bold; padding-right: 3%; padding-left:  3%; display: inline-block;}

.zanok{color:rgb(39, 144, 166) !important;}
.blog-rbox{box-sizing: border-box;padding-left: 2em;}
.c-right{width: 100%; height: auto; overflow: hidden; position: relative; top: -1rem;}
.c-right .pt-right{width: 30%; float: left; margin: 0px 0px 0px 2.5%;}
.site-one{padding: 5px 10px;box-sizing: border-box;background-color: cornflowerblue;color: #fff; margin-bottom: 10px;}
.site-one p {margin: 10px 0;}
.site-name{font-size: 24px;}

.site-address{text-align: right;}
.title-right{font-size: 14px;margin-right: 5px;box-sizing: border-box;}
.max-scorll{ max-height: 80vh;overflow-y: scroll;box-shadow: 0px 0px 10px #333;}
   
/*裁剪图片*/
.popup-faceimg{height: 100vh;}
.popup-faceimg .startimg{width: 100%; height: 50vh;}
.button-faceimg{width: 40%;height: 40px; line-height: 40px; margin: 10px 5%; float: left;text-align: center;color: #fff;}
.button-faceimg-sure{background-color: #2790A6;}
.button-faceimg-cancle{background-color: gray;}
/*#dynamic .myself-block,#products .myself-block{overflow-y: scroll; max-height: 400px;}*/
#dynamic.infinite-scroll,#products.infinite-scroll,#words.infinite-scroll{overflow-y: scroll; max-height: 300px;}
#claimCard-html .cards li .item-content{height: 60px;}
#claimCard-html .cards li .left-pic{width: 50px; height: 50px; float: left;}
#claimCard-html .cards li .left-pic img{width: 100% ;border-radius: 50%;}
/*个人头像*/
.headup{position: absolute;top: 0;left: 0;width: 100%;height: 90%; opacity: 0;}
.cuthtmlbg{position: absolute;width: 100vw;min-height: calc(900px - 100vh);left: 0;top: 100vh;z-index: 999;background:#eee}
.cuthtml{position: absolute;width: 100vw;height: 100vh;left: 0;top: 0;z-index: 9999;background: #fff; display: none;}
.cuthtml .startimg{width: 100%; height: 50vh;}
#tba4{position: relative;}

/*动态样式*/
.dynamic-one{ display: block; height: auto; background: #f9f9f9;;}
.contentList{ width: 100%; padding-bottom: 0.6rem; border-bottom: solid 0.01rem #eee;}
.reply-list-info{ display: block; padding-top: 0.6rem; width: 100%; padding-left: .5rem;}
.reply-list-info span.uName{ display: inline-block; color: #333; font-weight: bold;}
.reply-list-info span.uName .rName{ display: inline-block; color: #333; font-weight: bold;}

/*认领名片*/
.list-block a.rlNow{ display: block ; width: 100%; text-align: center; height: 2.8rem; color: #fff; line-height: 2.8rem; position: absolute; bottom: 0; background: #666;}
.item-inner{ display: block;}
.item-inner p.rlLeft{ display: block; float: left; width: 18%; height: auto;}
.item-inner p.rlLeft img{ width: 2.6rem; height: 2.6rem; border-radius: 100rem;}
.item-inner p.rlRight{ display: block; float: left; text-align: left; width: 80%; font-size: 1rem;}
.popup{box-shadow: 0px 0px 10px #444;}
.popup.editCard{ display:block; position: absolute; width: 100%; max-height: 80vh; overflow-y: scroll; box-shadow: 0px 0px 10px #333;}


/*我的收藏*/
#add-group{ width: 100%;  text-align: center; font-size: 1.1rem; height: 2.8rem; color: #fff; line-height: 2.8rem; position: absolute; bottom: 2.5rem; background: #666; border-radius: 0px;}
.item-inner.fzBox{ display: block; width: 100% !important;}
.follow-one a.fo-left p.follow-namefz{ width: auto; display: block; width: auto; height: 3rem; float: left; padding-left: .5rem; margin-top: .5rem; max-width: 55vw;overflow: hidden;line-height:3rem;}
.add-artice.open-popup.Now{
    position: absolute;
    right: 0.5em;
    height: 20px;
    width: auto;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    color: #FFF;
    margin-top: 10px;
    font-size: .9rem; border:0 !important;}
    

.iconfont.icon-icon_delete{display: block; position: absolute;right: 10px; z-index: 9999;}
.clarefix span.cardsName{ display: block; font-size: 1rem; padding-top: 1.2rem; padding-left: 4rem; color: #666;}


/*公司名片*/
.pt-center{ display: block; position: relative;}
.pt-center p.company-name{ display:block; font-size:1.1rem !important; float: left;max-width: 50%;line-height: 1.2rem;}
.cTop{ width: 100%; display: block; height: 3rem; line-height: 1rem; position: absolute; top:-.3rem;}
.cBottom{ display: block; width: 100%;top: -1rem; position: absolute;top:2.5rem}
.pt-right.isedit.ccardEdit{}
.crenz{ display: block; float: left;}
.crenz i{ color: #ccc; padding-top: .1rem; padding-left: .6rem; font-size: 1.2rem;}
.cmoban{ display: block; float: left;}
.cmoban i{ display: block; color: #FF862E; font-size: 1.6rem; padding-left: .4rem; padding-top: .1rem;}
.cxiugai{ display: block; float: left;}
.cxiugai i{ display: block; color: #ddd; padding-top: .9rem; font-size: 1.05rem; padding-left: .4rem;}
.c-right.clearfix.cccc{    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    top: 1rem;
}

.p-yg-news i{ color: #ccc; padding-right: .5rem;}
.p-yg-news i.iconfont.icon-pinglun{ display: inline-block; font-size: 1rem;}
.item-media.ckeckok{ display: block; padding-left: 1rem;}
.item-inner p.right-name-age.xs{ display: block; padding-right: .8rem; font-size: 1rem;}


/*发布产品*/
.popup.popup-product{ display: block; height: 80vh; overflow-y: scroll !important; padding-bottom:4rem ;}
.button-product{ display: block; width: 90%; left: 5%; position: absolute;  border-radius:0px; background: #666; font-size: 1.2rem;}
.list-block.item-content.prooo{ width: 100%; min-height: 3rem;}
span.cpTitle{ display: block; width: 27%; height: 3rem; float: left; padding-left:3%; line-height: 2.8rem; font-size: 1rem; color: #666;}
span.cpInput{ display: block; width: 75%; height: 3rem; float: left;}
span.cpInput input.proinput{ display: block; width: 93%; background: #eee; padding-left: 4%; font-size: .9rem;}
.list-block.item-title.label.proooo{ display: block; width: 25%; float: left; height: 3rem; line-height: 3rem;}
.item-input.prooooo{ display: block; width: 70% !important; float: left;}
.item-input.prooooo input.proinput{ display: block; width: 100% !important;}
span.cpText{ display: block; width: 75%; height: auto;}
span.cpText textarea{ display: block; width: 93%; background: #eee;font-size: .9rem; padding-left: 4%;}

.product-one{ display: block ; width: 50%; float: left; height: auto; overflow: hidden; margin-top: 1rem; border:0 !important; position: relative !important;}
.product-one p.product-pic{ display: block; width: 90%; margin: auto;}
.product-one p.product-pic img{ width: 100%; height: 100%; display: block; }
.product-one p.product-name{ display: block; width: 100%; text-align: center; height:1rem; line-height: .5rem; font-size: .8rem; color: #666;}
.product-one p.product-del{ display: block; width: 2rem; height: 2em; border-radius: 1000px; background: rgba(0,0,0,0.5); z-index: 9999999; right:1rem; top: -.5rem;position: absolute; line-height: 2rem !important;}
.iconfont.icon-icon_delete.now {
    display: block;
    right: 0px !important;
    top: 0px !important;
    z-index: 9999;
     color: #fff;
     padding-right: .5rem;
}


p.boxText{ display: block; font-size: 1rem; color: #ccc; text-align: center; padding-top: 50%;}
.cgmusic{ display: block; float:left ;}
.cgmusic i{ display: block; font-size: 1.25em; color: #31c27c !important; padding-top: .65rem; padding-left: .4rem;}
.ccgmusic{ display: block; float:left ;}
.ccgmusic i{ display: block; font-size: 1.25em; color: #31c27c !important; padding-left: .4rem; margin-top: -.2rem;}

.mypnacgf-bottom a i{ display: none; position: absolute; bottom: -.7rem; right:2.6rem; color: #f00; font-size: 1.5rem; z-index: 99999;left: 35%;}
.icon-dian-copy-copy-copy{color: #f00;font-size: 1.5rem;display: none}
.yqc-name{ display: inline-block; font-size: .8rem;}
.follow-one a.fo-right.no{
    
    display: block;
    width: 18%;
    float: right;
    height: 1.6rem;
    line-height: 1.6rem;
    margin-right: 2%;
    /* padding-top: .8rem; */
    text-align: center;
    font-size: .7rem;
    text-align: center;
    color: #fff;
    background: #666;
    padding-top: 0px !important;
    margin-top: 1.2rem;
}
.follow-one a.fo-right.ok{
    
    display: block;
    width: 18%;
    float: right;
    margin-right: 2%;
    /* padding-top: .8rem; */
    text-align: center;
    font-size: .7rem;
    text-align: center;
    color: #fff;
    background: #2790a6;
    height:1.6rem;
    line-height: 1.6rem;
     padding-top: 0px !important;
     margin-top: 1.2rem;
}


/*MUSIC*/
.li-ind-active,.li-music-active,.li-rule-active{background-color:#2790A6 !important; color: #fff;}
.popup-site .content-block{height: 35vh;overflow: scroll;}
.musicOk{ display: block; width: 100%; height: 2.8rem; font-size: 1.2rem; color: #fff; background: #2790A6;text-align: center; line-height: 2.8rem; clear: both; margin-top: 2rem;text-align: center;}
.li-music{float: left; width: 30%; background: #E9F4F6; margin-left: 2.5%; position: relative; overflow: hidden; list-style: none;text-align: center; position: relative;}
.li-music span.site-li-name{ font-size: .8rem; display: block; padding-top: .5rem;}
.li-music span.site-li-cmemo{ font-size: .5rem; display: block; padding-top: .3rem;}
.zdyMusic{ display: block; float: left; width: 30%; background: #eee;  position: relative; overflow: hidden;margin-left: 2.5%;font-size: .8rem; text-align: center;}
.site-li-address{ display:block; position: absolute; bottom: 2px; right: 5px; letter-spacing: -0.5px;}


.zdyMusic span.site-li-name{ font-size: .8rem; display: block; padding-top: .5rem;}
.zdyMusic span.site-li-cmemo{ font-size: .5rem; display: block; padding-top: .5rem;}
.returnSys{ width: 100%; height: 2.6rem; background: #2790A6; position: absolute; top: 0;color: #fff; line-height: 2.6rem; text-align: center;}
.zdyMain{ display: block; width: 100%; position: absolute; top: 4rem;}
.zdy-one{ width: 100%; height: 2.8rem; background: #eee; line-height: 2.8rem;}
.zdy-one label{ display: block; width: 25%; float:left ; text-align: center; color: #666;}
.zdy-one span{ display: block; width: 75%; float: left;}
.zdy-one span input.input-text{ display: block; width:90%; height: 2.4rem; border:0; background: none;}
.zdyOk{ display: block; position: absolute;  width: 100%; height: 2.6rem; background: #666; bottom: 0; text-align: center; line-height: 2.6rem; color: #fff;}
/*搜索列表未认证颜色*/
.page-content a.cards-one p.right-name-age label i.nocertcolor{color:#ccc}

/*暂时只有三个tab*/
.myself-tab a{width: 33.33333333333333%;}
.redinput{box-sizing: border-box;display: block;float: left;color: red;font-size: 14px;padding: 3px;width: 6px;}
.pt-right.isedit{display: none;}


/*发布文章css*/
.word-title{height: 40px;line-height:40px;padding:0 20px; background-color: #2790A6;font-size: 18px;color:#fff}
.word-title span{ min-width: 10vw;text-align: center;}
.popup-word .publish-article-title {padding: .6rem;background: #fff;margin-bottom: 10px;}
.popup-word .publish-article-title input{ width: 100%; background: #fff;}
.popup-word .title-tips {font-weight: bold; margin-bottom: 3px;}
.popup-word .publish-article-content {background: #fff;}
.popup-word .publish-article-content .article-content {height: 70vh;overflow: scroll;}
.article-content{ padding: 1rem;}
.popup-word .publish-article-content .footer-btn {text-align: center;padding-top: 10px; position: fixed; bottom: 0; background: #2790A6; width: 100%; color: #fff; height: 2.6rem; line-height: 2.6rem; z-index: 999999;}
.popup-word .publish-article-content .footer-btn .upload-img {display: inline-block;vertical-align: bottom;width: 25px;height: 20px;margin-right: 10px;background: url(../img/img.png) 0 no-repeat;background-size: 100%;}
.popup-word input[type="text"]{border: none;font-size: 14px;height: 20px;line-height: 20px;padding: 5px;color: #333333;font-family: "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "宋体", Arial, Verdana, sans-serif;outline: none;-webkit-border-radius: none;-moz-border-radius: none;border-radius: none;}

/*文章列表css*/
#words .myself-block .word-one,#myword-html .word-one{display: block; width: 92%; margin: auto; height: auto; background: #fff; border:solid 0.01rem #eee; border-radius: 5px; margin-top: 1rem; padding-left: 2%;padding-right: 2%;}
#words .word-one .cardword-main,#myword-html .word-one .cardword-main{max-width: 70vh;overflow-x: hidden;}
#words .word-one .cardword-title,#myword-html .word-one .cardword-title{display: block;font-size: 18px;}
#words .word-one .cardword-other,#myword-html .word-one .cardword-other{display: block;font-size: 12px;}
#words .word-one .cardword-date,#myword-html .word-one .cardword-date{font-size:.8rem; background: #f9f9f9; border-radius: 100px; padding-left: .5rem; padding-right: .5rem; margin-top: 1.3rem;}
.del-word{position: absolute;top: 0;right: 0;width: 10vw;height: 10vw;line-height: 12vw;}
/*文章详情css*/
.word-detail{margin-top:44px}
.word-detail .contentBox {padding: 0 5px;}
.word-detail .contentBox p.word-detail-title {font-size: 1.2rem;color: #2790A6;margin-bottom: 10px; border-bottom: solid 0.01rem #ddd; padding-top: .5rem; padding-bottom: .5rem;}
.word-detail .contentBox p.word-detail-other {margin-top: 0px;}
.word-detail .contentBox p.word-detail-other  span{display:inline-block;margin-right:20px;font-size: 14px;color: #999;}
.word-detail .contentBox .word-detail-content {padding-left: 1em;}
.word-detail .commentBox p.word-comment-title {margin-top: 30px;width: 96%; margin:auto ; font-size:1rem;line-height: 20px; border-bottom:1px solid #ddd ; padding-bottom: .5rem;}
.word-detail .commentBox ul{padding: 0 5px;}
.word-detail .commentBox ul li.word-commentone{display: block;width: 100%;height: auto;border-bottom: solid 0.01rem #ddd;padding-top: 12px;}
.word-detail .commentBox ul li.word-commentone p{font-size: 14px;margin-top: 5px;margin-bottom:5px;padding-left: 15px;}
.word-detail .commentBox ul li.word-commentone .word-username img{float:left;width: 40px;height: 40px;border-radius: 50%;margin-right: 10px;}
.word-detail .commentBox ul li.word-commentone label#uname{font-weight: bold;float:left;width: auto;}
.word-detail .commentBox ul li.word-commentone .btime{font-size: 12px;color: #999;}
.word-buttom-input{ display:none ;color:#666 ;  line-height: 3.6rem; position: absolute; /* top: 40em; */ z-index: 9999; buttom: 0; buttom: 0; bottom: 0; height: 3.6rem; background: #2790A6; width: 100%;}
.word-buttom-input > input{border-radius: 5px; outline: 0; width: 70%; height: 1.9rem; margin-left: 2%; border:0; margin-top: .65rem; padding-left: 10px; float: left; font-size: .8rem;}
.word-buttom-input a#word-comment-submit{ background: #FFF; width:18%; float:right ; height: 2.35rem; margin-right: 2%; text-align: center; margin-top: 10px;line-height: 2.35rem; border-radius: 5px; color: #2790A6;}
.word-buttom-input .pbg{ height: 100vh;position: fixed;width: 100vw;top: 0;z-index: -1;}